<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<h:head>
	<style type="text/css">@import url(../css/estilo.css);</style>
</h:head>

<h:body>

	<p:ajaxStatus style="width:30px;height:30px;" >
		<f:facet name="start">
			<h:graphicImage value="../imagens/ajax-loader.gif" />
		</f:facet>

		<f:facet name="complete">
			<h:outputText value="" />
		</f:facet>
	</p:ajaxStatus>
	<div id="imagem"></div>

	<h:form>
	
	<div id="login">
	
		<p:panel id="panel" header="..Área Administrativa" style="width:500px;">
			<p:messages />
			<h:panelGrid columns="3">
				<h:outputLabel for="user" value="Usuário: " />
				<p:inputText id="user" value="#{UsuarioController.usuario.login}"
					required="true" label="Usuario" 
					requiredMessage="Campo usuário obrigatório">
					<f:validateLength minimum="2" />
				</p:inputText>
				<p:message for="user" display="icon" />

				<h:outputLabel for="senha" value="Senha: " />
				<p:password id="senha" value="#{UsuarioController.usuario.senha}"
					required="true" label="Senha"
					requiredMessage="Campo senha obrigatório"
					feedback="false" />
				<p:message for="senha" display="icon" />
	

			</h:panelGrid>
			<p align="center">
				<p:commandButton value="Enviar" ajax="false"
					action="#{UsuarioController.validaLogin}" />
			</p>

		</p:panel>
	</div>
	</h:form>
	<div id="restrito"></div>

</h:body>
</html>
